<script lang="ts" setup>
import { computed } from 'vue'
import { useRoute, useRouter } from 'vue-router'

const router = useRouter()
window.setTimeout(() => router.push('/'), 3000)

const route = useRoute()
const path = computed(() => route.fullPath)


</script>

<template>
<div role="main">
    <h1><code>{{ path }}</code> 路径不存在!</h1>
</div>
</template>

<style lang="scss" scoped>
main {
    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 50px;

    code {
        font-style: normal;
        font-weight: bold;
        backdrop-filter: blur(20px);
    }
}
</style>
